<template>
  <div>
    <h2 @click="showName">学校名称：{{ name }}</h2>
    <h2>学校地址：{{ address }}</h2>
  </div>
</template>

<script>
//引入混合配置hunhe，hunhe2
// import {hunhe,hunhe2} from '../mixin'

export default {
  name: "School",
  data() {
    return {
      name: "开发Vue Cli",
      address: "北京",
      //注意：混合配置有，但以data数据区为主
      x: 666,
    };
  },
  // 把多个混合配置进行整合
  // mixins:[hunhe,hunhe2],

  //注意：当生命周期钩子函数，与混合中配置冲突，那就都要，但顺序混合在前。
//   mounted() {
//     //生命周期 - 挂载完成（可以访问DOM元素）
//     console.log("你好啊！");
//   },
};
</script>